【筆記】Next.js 部署至 Ubuntu 並使用 apa

Next.js 新手的我，對於第一次要部署有伺服器渲染（SSR）的網站總有些緊張。 不過實際操作起來並沒有想像中困難。 本文中將記錄我的 Next.js 14 應用部署 Ubuntu 20 並使用 apache 進行反向代理的流程，做個筆記並供各位參考。

假設今天某公司提供了三個web服務，分別是服務1、服務2、服務3，這間公司希望把這三個服務架在同一台伺服器上，但網頁的port只有80 (或https的443)能對外啊，有沒有辦法先讓請求統一發至port 80或443後再轉發給對應服務的port呢？ 有的，這就是反向代理 (reverse proxy)的概念。 (反向代理示意圖) 我們先在伺服器架一個反向代理的服務在port 80上 (本篇以Apache為例)，然後設定轉發規則將往後收到的請求根據這個規則轉發至對應的服務。 對應的服務處理完後再丟還給反向

Learn how to set up Apache as a reverse proxy on Ubuntu. Follow our step-by-step guide to configure Apache, enabling efficient load balancing and backend protection.